<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜鼎网首页</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        /* 整个页面盒子 */
        
        .box {
            width: 1000px;
            /* height: 2255px; */
            margin: 0 auto;
        }
        /* 最顶部蓝色盒子 */
        
        .top {
            width: 1000px;
            height: 24px;
            background-color: skyblue;
        }
        
        .heard {
            width: 1000px;
            height: 80px;
            /* background-color: skyblue; */
            display: flex;
            justify-content: space-around;
            margin: 0 auto;
            margin-top: 30px;
        }
        
        .heard-img {
            display: flex;
            width: 260px;
            justify-content: center;
        }
        
        .heard-title {
            width: 416px;
            height: 100%;
            /* background-color: yellow; */
        }
        
        .heard-title ul {
            display: flex;
            justify-content: space-between;
            margin-top: 45px;
        }
        
        .search {
            width: 340px;
            height: 100%;
            display: flex;
            justify-content: space-around;
            /* background-color: green; */
        }
        
        .search input {
            width: 216px;
            height: 30px;
            margin-top: 35px;
            background-image: url(./fdj.png);
            background-repeat: no-repeat;
            background-position: 188px 6px;
        }
        /* 第一张大图 */
        
        .big-img {
            width: 1000px;
            height: 400px;
            overflow: hidden;
        }
        
        .big-img img {
            width: 1000px;
            height: 400px;
        }
        /* 关于我们 */
        
        .about-us {
            width: 1000px;
            height: 81px;
        }
        
        .about-us img {
            margin-left: 426px;
            margin-top: 26px;
        }
        
        .introduce {
            width: 1000px;
            height: 319px;
            /* background-color: blue; */
        }
        
        .introduce ul {
            display: flex;
            justify-content: space-around;
        }
        
        .introduce ul li {
            width: 267px;
            height: 319px;
            background-color: #f2f2f2;
        }
        
        .introduce-content1 div:nth-child(2) {
            font-size: 16px;
            line-height: 25px;
            letter-spacing: 3px;
            margin-left: 117px;
        }
        
        .introduce-content1 div:nth-child(3) {
            font-size: 16px;
            line-height: 25px;
            margin-left: 95px;
        }
        
        .introduce-content1 div:last-child {
            font-size: 12px;
            line-height: 25px;
            letter-spacing: 2px;
            color: #838383;
            margin: 0 10px 19px 10px;
        }
        
        .introduce-content-img {
            width: 126px;
            height: 126px;
            background-color: red;
            margin: 18px 70px;
        }
        
        .introduce-content-img img {
            width: 100%;
            height: 100%;
        }
        
        .tzhl {
            width: 1000px;
            height: 98px;
        }
        
        .tzhl img {
            width: 145px;
            height: 42px;
            margin: 30px 428px 26px 427px;
        }
        
        .project {
            width: 1000px;
            height: 612px;
            /* background-color: red; */
            /* vertical-align: top; */
        }
        
        .project ul {
            width: 900px;
            margin: 0 auto;
            display: flex;
            justify-content: space-around;
        }
        
        .project ul li {
            width: 295px;
            height: 306px;
            /* background-color: yellow; */
        }
        
        .project-img {
            width: 100%;
            height: 210px;
            /* background-color: blue; */
        }
        
        .project-img img {
            width: 100%;
            height: 100%;
        }
        
        .poject-introduce {
            text-align: center;
            font-size: 12px;
            line-height: 62px;
            letter-spacing: 2px;
        }
        
        .poject-click {
            width: 135px;
            height: 27px;
            background-color: #6db6ff;
            margin-left: 25%;
            text-align: center;
        }
        
        .poject-click p {
            width: 135px;
            height: 17px;
            font-size: 16px;
            font-weight: bold;
            line-height: 17px;
            letter-spacing: 3px;
            color: #ffffff;
            padding-top: 6px;
        }
        
        .bigimg2 {
            width: 1000px;
            height: 382px;
            margin: 50px 52px 27px 50px;
        }
        
        .bigimg2 img {
            width: 899px;
            height: 305px;
        }
        
        .bottom {
            width: 1000px;
            height: 167px;
            /* background-color: chartreuse; */
            display: flex;
        }
        
        .daohang {
            width: 650px;
            height: 167px;
            /* background-color: yellow; */
            display: flex;
            justify-content: space-around;
            /* background-color: blue; */
        }
        
        .daohang ul li:first-child {
            font-size: 16px;
            color: #000000;
            margin: 44px 0 26px 0;
            font-weight: bold;
        }
        
        .daohang ul li:nth-child(2),
        .daohang ul li:nth-child(3),
        .daohang ul li:nth-child(4) {
            font-size: 12px;
            line-height: 25px;
            letter-spacing: 2px;
            color: #000000;
            line-height: 25px;
            letter-spacing: 2px;
        }
        
        .daohang-img {
            width: 350px;
            height: 167px;
        }
        
        .daohang-img img {
            width: 100%;
            height: 100%;
        }
        
        .bottom2 {
            height: 70px;
            width: 1000px;
            background-color: #6db6ff;
            position: relative;
            margin-top: 20px;
        }
        
        .bottom2 p {
            position: absolute;
            top: 42px;
            left: 350px;
            font-size: 12px;
        }
        
        .heard-title-content ul li input {
            width: 216px;
            height: 30px;
            background-image: url(fdj.png);
            background-repeat: no-repeat;
            background-position: 188px 6px;
        }
        
        .xian {
            height: 1px;
            width: 1000px;
            background-color: #6db6ff;
            margin: 0 auto;
        }
    </style>




</head>

<body>
    <!-- 大盒子 -->
    <div class="box">
        <!-- 顶部盒子 -->
        <div class="top"></div>
        <!-- 网页头部 -->
        <div class="heard">
            <div class="heard-img"><img src="./sdw.png" alt=""></div>
            <div class="heard-title">
                <ul>
                    <li>首页</li>
                    <li><a href="./denglu.html">关于鼎搜</a></li>
                    <li><a href="./zc.html">鼎搜服务</a></li>
                    <li><a href="./liebiao.html">鼎搜动态</a></li>
                    <li><a href="">鼎搜诚聘</a></li>
                    <li><a href="">鼎搜公益</a></li>
                </ul>
            </div>
            <div class="search"><input type="text"></div>
        </div>
        <!-- 大图 -->
        <div class="big-img">
            <img src="./bigimg.png" alt="">
        </div>
        <!-- 关于我们 -->
        <div class="about-us">
            <img src="./gywm.png" alt="">
        </div>
        <!-- 公司的介绍 -->
        <div class="introduce">
            <div class="introduce-content1">
                <ul>
                    <li>
                        <div class="./introduce-content-img"><img src="./dz.png" alt=""></div>
                        <div>使命</div>
                        <div>MISSION</div>
                        <div>广州鼎搜网企业管理服务有限公司，公司秉承 诚信为鼎，共赢为首，服务全网的经营宗旨。鼎搜让世界的生意做得更容易！</div>
                    </li>
                    <li>
                        <div class="introduce-content-img"><img src="./td.png" alt=""></div>
                        <div>使命</div>
                        <div>MISSION</div>
                        <div>我们以诚信、自信、超越自我的工作态度，打造商业资本运作新模式，让您的资本运作更佳的理念，致力服务每一个客户！</div>
                    </li>
                    <li>
                        <div class="introduce-content-img"><img src="./yj.jpg" alt=""></div>
                        <div>使命</div>
                        <div>MISSION</div>
                        <div>国内首家专业于资产、权益、可投资特色商品的转让、买卖的交易平台服务商。成为中国商业资产转让交易行业的领航者！</div>
                    </li>
                </ul>




            </div>


        </div>
        <!-- 投资案例图 -->
        <!-- <div class="tzhl">
            <img src="tzhl.png" alt="">
        </div> -->
        <!-- 火锅转让 -->
        <div class="project">

            <ul>
                <li>
                    <!-- 图片 -->
                    <div class="project-img"><img src="./hg.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>
                <li>
                    <div class="project-img"><img src="./hg2.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>
                <li>
                    <div class="project-img"><img src="./hg3.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>


            </ul>
            <ul>
                <li>
                    <!-- 图片 -->
                    <div class="project-img"><img src="./hg.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>
                <li>
                    <div class="project-img"><img src="./hg2.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>
                <li>
                    <div class="project-img"><img src="./hg3.png" alt=""></div>
                    <div class="poject-introduce">投资项目：广州永泰生活广场火锅转让</div>
                    <div class="poject-click">
                        <p>点击查看</p>
                    </div>
                </li>


            </ul>




        </div>
        <!-- 友情链接大图 -->
        <div class="bigimg2">
            <img src="./bigimg2.png" alt="">
        </div>
        <!-- 分割线 -->
        <div class="xian"></div>
        <!-- 底部内容 -->
        <div class="bottom">
            <div class="daohang">
                <ul>
                    <li>简 介</li>
                    <li>鼎搜网简介</li>
                    <li>鼎搜服务</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>帮 助</li>
                    <li>用户注册</li>
                    <li>关于鼎搜</li>
                    <li>在线咨询</li>
                </ul>
                <ul>
                    <li>共 赢</li>
                    <li>网站合作</li>
                    <li>用户协议</li>
                    <li>会员身份实名认证</li>
                </ul>
                <ul>
                    <li>导 航</li>
                    <li>地图首页</li>
                    <li>职能分类</li>
                    <li>企业名录</li>
                </ul>
            </div>
            <div class="daohang-img"><img src="./daohangimg.png" alt=""></div>
        </div>
        <div class="bottom2">
            <p>Copyright &copy;2015 鼎搜网(www.dinsoo.com) 版权所有</p>
        </div>

    </div>
</body>

</html>